<!DOCTYPE html>
<html lang="en">
<head>
  <base href=""/>
  <meta charset="UTF-8">
  <title>充电记录</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-datetimepicker.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/fileinput.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='../static/js/jquery.form.js'></script>
  <script type='text/javascript' src='../static/js/jquery.tips.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.zh-CN.js'></script>
  <script type='text/javascript' src='../static/js/fileinput.js'></script>
  <script type='text/javascript' src='../static/js/zh.min.js'></script>
  <script type="text/javascript" src="../static/js/common.js"></script>
  <script type="text/javascript" src="../static/js/messageContent.js"></script>
  <script type='text/javascript' src='../static/js/page.js'></script>
  <script type="text/javascript" src="../static/js/chargingRecord.js"></script>
  <script type='text/javascript' src='../static/table/chargingRecordTable.js'></script>
</head>
<body>
<div class="ablosulteDiv">
<div class="recordTDiv">
  <div class="top">
	<h4 class="partTitle">
		当前位置: 充电记录 <span class="comSpanTitle">></span>充电记录
	</h4>
  </div>
  <div class="blueBorder"></div>
	<div class="scrollBody">	
	<div class="partWhite" style="overflow: hidden;" id="scrollHeight">
      <form class="form-horizontal" id="chargingRecordSearch">
		<input id="searchType" name="searchType" hidden="hidden">
        <input id="page" name="page" value="1" hidden="hidden">
        <input id="rows" name="rows" value="50" hidden="hidden">
        <input id="startChargingDTTMOrder" name="startChargingDTTMOrder" hidden="hidden">
        <input id="totalChargingDTTMOrder" name="totalChargingDTTMOrder" hidden="hidden">
        <input id="totalChargingKWHOrder" name="totalChargingKWHOrder" hidden="hidden">
        <div class="form-group">
        	<div class="col-md-3 col3ConditionAll">
	        	<label for="chargingStationID" class="col-sm-4 control-label partConditionTitle">充电站名称</label>
	            <div class="col-sm-8 partCondition">
	                <select id="chargingStationID" name="ChargingStationID" class="form-control" onchange='changeEquipmet()'>
	                  <option value="" selected="selected">请选择</option>
	                </select>
	            </div>
            </div>
            <div  class="col-md-3 col3ConditionAll" id="changeEquipment" hidden="hidden">
              <label for="equipmentID" class="col-sm-4 control-label partConditionTitle">充电桩名称</label>
              <div class="col-sm-8 partCondition">
                  <select id="equipmentID" name="EquipmentID" class="form-control">
                      <option value="" selected="selected">请选择</option>
                  </select>
              </div>
            </div>
            <div class="col-md-3 col3ConditionAll">
	          <label for="carNumber" class="col-sm-4 control-label partConditionTitle">车辆自编号</label>
	          <div class="col-sm-8 partCondition">
	              <input id="carNumber" name="carNumber" maxlength="15" class="form-control">
	          </div>
           </div>
            <div class="col-md-3 col3ConditionAll">
	          <label for="cardNo" class="col-sm-4 control-label partConditionTitle">卡号</label>
	          <div class="col-sm-8 partCondition">
	             <input id="cardNo" name="cardNo" maxlength="50" class="form-control">
	          </div>
          	</div>
          	<div class="col-md-3 col3ConditionAll">
	          <label for="teamID" class="col-sm-4 control-label partConditionTitle">车队名称</label>
	            <div class="col-sm-8 partCondition">
	                <select id="teamID" name="teamID" class="form-control" onchange='changeLine()'>
	                  <option value="" selected="selected">请选择</option>
	                </select>
	            </div>
            </div>
            <div class="col-md-3 col3ConditionAll" id="changeLine" hidden="hidden">
              <label for="lineID" class="col-sm-4 control-label partConditionTitle">线路名称</label>
	          <div class="col-sm-8 partCondition">
	          <select name="LineID" id="lineID" class="form-control">
	            <option value="" selected="selected">请选择</option>
	          </select>
	          </div>
           </div>
           <div class="col-md-3 col3ConditionAll">
           		 <label for="startChargingTime" class="col-sm-4 control-label partConditionTitle">开始时间</label>
	            <div id="startDate" class="col-sm-8 input-group date" data-date-format="yyyy-mm-dd" style="float: left;">
	                <input id="startChargingTime" name="startChargingTime" class="form-control" type="text">
	                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
	                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
	            </div>
            </div>
            <div class="col-md-3 col3ConditionAll">
	            <label for="endChargingTime" class="col-sm-4 control-label partConditionTitle">结束时间</label>
	            <div id="endDate" class="col-sm-8 input-group date" data-date-format="yyyy-mm-dd" style="float: left;">
	                <input id="endChargingTime" name="endChargingTime" class="form-control" type="text">
	                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
	                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
	            </div>
	        </div>
       </div>
       <div class="form-group"> 
   	 	<button type="button" onclick="search()" class="btn btnDefault marginLeft2ten">
   			<img src="../static/images/search2.png" height="20" width="20"/>
   	 		查询
	 	</button>
       	<button type="reset" onclick="results()" class="btn btnReset marginLeft2ten">
   			<img src="../static/images/resultPng.png" height="20" width="20"/>
   	 		重置
		 </button>
       </div>
    </form>
  </div>
 <div class="partWhite paddingBottomTen">
 	<div class="comHtmlTitle"><span class="borBlue"></span>本次查询统计</div>
      	<form class="form-horizontal marginBottom2Ten">
      	<div class="form-group">
	      	<div class="col-md-4 inlineBlock flowHide">
	      		<div class="col-sm-3">
	      			<img src="../static/images/recordBattery.png" height="70" width="70"/>
	      		</div>
	      		<div class="col-sm-8">
	      			<div class="col-sm-12"><label class="minWidth80">充电度数(度)</label></div>
	      			<div class="col-sm-12 fontSize3ten flowHide fontGreen" id="chargingKWHTotal">-</div>
	      		</div>
	      	</div>
	      	<div class="col-md-4 inlineBlock flowHide">
	      		<div class="col-sm-12">
	      			<div class="col-sm-12 lineHeight3ten">
	      				<label class="col-sm-6 minWidth127">充电次数(次):</label>
	      				<span id="chargingCountTotal">-</span>
	      			</div>
	      			<div class="col-sm-12 lineHeight3ten">
	      				<label class="col-sm-6 minWidth127">充电车数(辆):</label>
	      				<span id="chargingCarTotal">-</span>
	      			</div>
	      		</div>
	      	</div>
	      	<div class="col-md-4 inlineBlock flowHide">
	      		<div class="col-sm-12">
	      			<div class="col-sm-12">
	      				<label class="col-sm-6 minWidth127">充电站数(个):</label>
	      				<span id="chargingStationCount">-</span>	
	      			</div>
	      			<div class="col-sm-12 lineHeight3ten">
	      				<label class="col-sm-6 minWidth127">充电桩数(个):</label>
	      				<span id="equipmentCount">-</span>
	      			</div>
	      		</div>
	      	</div>
      	</div>
      	</form>
  </div>
 <div class="partWhite">
 	<div class="comHtmlTitle"><span class="borBlue"></span>充电记录查询——列表
 		<div class="floatRight">
 			<button type="button" onclick="exportFile()" class="btn btnSaveDel">
     			<img src="../static/images/derive.png" height="20" width="20"/>
       	 		导出
    			</button>
    			<button type="button" onclick="importFile()" class="btn btnSaveDel">
     			<img src="../static/images/toLead.png" height="20" width="20"/>
       	 		导入
   			</button>
 		</div>
 	</div>
   <div class="partTable">
       <table class="table table-hover" id="chargingRecordTable">
         <thead id="chargingRecordThead">
         </thead>
         <tbody id="chargingRecordTbody">
         </tbody>
       </table>
       <table class="table scrollTable" id="chargingRecordTable1" hidden="hidden">
       </table>
     </div>
     <div class="partBtn">
	  <div class="partTurnPage">
          <ul class="list-inline">
              <li id="total">共0页 0条记录</li>
              <li class="turnPage"></li>
          </ul>
      </div>
  </div>
 </div>
 </div>
 </div>
 <div class="recordFDiv">
    <div id="recordLoad" class="load recordFDiv" hidden='hidden'></div>
 	<div class="recordFDivTwo">
 	<div class="recordTitleDiv">数据统计</div>
 		<div class="paddingTen">
 			<div>
 				<div class="comHtmlTitle"><span class="borBlue"></span>当日统计</div>
 				<div class="recordCountDiv">
 					<div class="recordCountMsg">
 						<div class="recordTopMsg">
 							<div class="recordTopLMsg floatLeft fontWhite">
 								<label>充电度数</label><br>
 								<div class="recordTopLBottom" id="chargingKWHTotal0">-</div>
 							</div>
 							<div class="recordTopRMsg floatLeft">
 								<img src="../static/images/batteryImg.png" height="50" width="50"/>
 							</div>
 						</div>
 						<div class="recordBottomMsg">
 							<div class="recordBottomTop floatLeft partTurnPage">
 								<div class="imageBtn fontGreen"><label>站数</label></div>
 								<div class="recordBottom" id="chargingStationCount0">-</div>
 							</div>
 							<div class="recordBottomTop floatLeft partTurnPage">
 								<div class="imageBtn fontGreen"><label>桩数</label></div>
 								<div class="recordBottom" id="equipmentCount0">-</div>
 							</div>
 							<div class="recordBottomTop floatLeft partTurnPage">
 								<div class="imageBtn fontGreen"><label>车数</label></div>
 								<div class="recordBottom" id="chargingCarTotal0">-</div>
 							</div>
 							<div class="recordBottomTop floatLeft partTurnPage">
 								<div class="imageBtn fontGreen"><label>次数</label></div>
 								<div class="recordBottom" id="chargingCountTotal0">-</div>
 							</div>
 						</div>
 					</div>
 				</div>
 			</div>
 		</div>
 		<div class="paddingTen">
 			<div>
 				<div class="comHtmlTitle"><span class="borBlue"></span>当月统计</div>
 				<div class="recordCountDiv">
 					<div class="recordCountMsg">
 						<div class="recordTopMsg">
 							<div class="recordTopLMsg floatLeft fontWhite">
 								<label>充电度数</label><br>
 								<div class="recordTopLBottom" id="chargingKWHTotal1">-</div>
 							</div>
 							<div class="recordTopRMsg floatLeft">
 								<img src="../static/images/batteryImg.png" height="50" width="50"/>
 							</div>
 						</div>
 						<div class="recordBottomMsg">
 							<div class="recordBottomTop floatLeft partTurnPage">
 								<div class="imageBtn fontGreen"><label>站数</label></div>
 								<div class="recordBottom" id="chargingStationCount1">-</div>
 							</div>
 							<div class="recordBottomTop floatLeft partTurnPage">
 								<div class="imageBtn fontGreen"><label>桩数</label></div>
 								<div class="recordBottom" id="equipmentCount1">-</div>
 							</div>
 							<div class="recordBottomTop floatLeft partTurnPage">
 								<div class="imageBtn fontGreen"><label>车数</label></div>
 								<div class="recordBottom" id="chargingCarTotal1">-</div>
 							</div>
 							<div class="recordBottomTop floatLeft partTurnPage">
 								<div class="imageBtn fontGreen"><label>次数</label></div>
 								<div class="recordBottom" id="chargingCountTotal1">-</div>
 							</div>
 						</div>
 					</div>
 				</div>
 			</div>
 		</div>
 		<div class="paddingTen">
 			<div>
 				<div class="comHtmlTitle"><span class="borBlue"></span>累计统计</div>
 				<div class="recordCountDiv">
 					<div class="recordCountMsg">
 						<div class="recordTopMsg">
 							<div class="recordTopLMsg floatLeft fontWhite">
 								<label>充电度数</label><br>
 								<div class="recordTopLBottom" id="chargingKWHTotal2">-</div>
 							</div>
 							<div class="recordTopRMsg floatLeft">
 								<img src="../static/images/batteryImg.png" height="50" width="50"/>
 							</div>
 						</div>
 						<div class="recordBottomMsg">
 							<div class="recordBottomTop floatLeft partTurnPage">
 								<div class="imageBtn fontGreen"><label>站数</label></div>
 								<div class="recordBottom" id="chargingStationCount2">-</div>
 							</div>
 							<div class="recordBottomTop floatLeft partTurnPage">
 								<div class="imageBtn fontGreen"><label>桩数</label></div>
 								<div class="recordBottom" id="equipmentCount2">-</div>
 							</div>
 							<div class="recordBottomTop floatLeft partTurnPage">
 								<div class="imageBtn fontGreen"><label>车数</label></div>
 								<div class="recordBottom" id="chargingCarTotal2">-</div>
 							</div>
 							<div class="recordBottomTop floatLeft partTurnPage">
 								<div class="imageBtn fontGreen"><label>次数</label></div>
 								<div class="recordBottom" id="chargingCountTotal2">-</div>
 							</div>
 						</div>
 					</div>
 				</div>
 			</div>
 		</div>
 	</div>
 </div>
 </div>
 <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" data-backdrop="static" id="fileinputModal" tabindex="-1" class="modal fade popup1">
     <div class="popupFileInput">
         <div class="modal-header">
             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                 <span aria-hidden="true" class="close">&times;</span>
             </button>
             <h4 class="fileInputTitle" id="fileinputTitle">充电记录文件导入</h4>
         </div>
         <div class="modal-body fileInputBody">
             <form id="importFileForm" class="form-horizontal" method="post" enctype="multipart/form-data">
             </form>
         </div>
         <div class="modal-footer fileInputFooter">
             <button type="button" class="btn btn-primary" onclick="confirm();">确定</button>
             <button type="button" class="btn btn-danger" data-dismiss="modal">取消</button>
         </div>
     </div>
 </div>
</body>
</html>
